{% block sw_cms_element_text %}
<div class="sw-cms-el-text">
    <div
        v-if="element.config.content.source === 'mapped'"
        class="sw-cms-el-text__mapping-preview content-editor"
        v-html="$sanitize(demoValue)"
    ></div>

    <sw-text-editor
        v-else-if="!feature.isActive('METEOR_TEXT_EDITOR')"
        v-model:value="element.config.content.value"
        :disabled="disabled"
        :vertical-align="element.config.verticalAlign.value"
        :allow-inline-data-mapping="true"
        :is-inline-edit="true"
        sanitize-input
        sanitize-field-name="app_cms_block.template"
        enable-transparent-background
        @blur="onBlur"
        @update:value="onInput"
    />
    <mt-text-editor
        v-else
        :model-value="element.config.content.value"
        :custom-buttons="customTextEditorButtons"
        is-inline-edit
        @update:model-value="onInput"
    />
</div>
{% endblock %}
